<template>
	<div class="yingxin_manage">
		<div class="yingxin_manage_content">
			<h1>slsllll</h1>
			<el-card shadow="hover">
				<schart class="schart" canvasId="polar" :options="options"></schart>
			</el-card>
			<div class="search_wrap">

			</div>

		</div>
	</div>
</template>

<script>
	import Vue from "vue";
	import Schart from "vue-schart";

	export default {
		name: "test",
		components: {
			Schart,
		},
		data() {
			let data = []

			for(let i = 0; i <= 360; i++) {
				let t = i / 180 * Math.PI
				let r = Math.sin(2 * t) * Math.cos(2 * t)
				data.push([r, i])
			}
			return {
				options: {
					type: 'ring',
					title: {
						text: '各地区人员到访统计'
					},
					showValue: true,
					legend: {
						position: 'left',
						bottom: 40
					},
					bgColor: '#fbfbfb',
					labels: ['vue', 'react', 'angular'],
					datasets: [{
						data: [500, 500, 500]
					}]
				},
			};
		},
		created() {
			let that = this;
		},
		methods: {

			//获取院系列表 /Web/GetDeptList
			GetDeptList() {

			},

		}
	};
</script>

<style scoped lang="scss">
	.schart {
		width: 100%;
		height: 300px;
	}
</style>